<template>
  <div>
    <div class="h-[60px]">
      <el-page-header class="leading-[60px]">
        <template #content>
          <div class="flex items-center">
            <span class="text-large font-600 mr-3"> 战略微头条</span>
          </div>
        </template>
        <template #extra>
          <div class="flex">
            <el-link type="primary" class="ml-2" @click="router.back()"> 退出预览 </el-link>
          </div>
        </template>
      </el-page-header>
    </div>
    <div class="preview-container">
      <previewSJ />
    </div>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router'
import previewSJ from '@/components/previewZJ/previewSJ.vue'
const router = useRouter()
</script>

<style scoped>
.preview-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.preview-test-content {
  color: #333;
  font-size: 16px;
  line-height: 1.6;
}

.preview-test-content h2 {
  margin-bottom: 20px;
  color: #000;
}
</style>
